<template>
<div class="userMsgItem">
  

    <div class="msgWrapper">
        {{ msg }}
    </div>
    
</div>
</template>

<script lang="ts" setup>
defineProps({
    msg:String
})
</script>

<style lang="less" scoped>
.userMsgItem{
    display: flex;
    justify-content: flex-end;
    padding:15px 10px 15px 0;

    .msgWrapper{
        background: #d8e5fd;
        color:#000;
        width: 40%;
        border-radius: 4px;
        padding:10px;
        font-size: 16px;
        line-height: 1.5em;
    }
}
</style>